<template>
  <div class="header">
      <router-link to="/wangluoqingqiu">网络请求</router-link>
      <router-link to="/animation01">vue动画01</router-link>
      <router-link to="/animation02">vue关键帧动画</router-link>
      <router-link to="/animation03">vue第三方动画</router-link>
      <router-link to="/animation04">vue多组件动画</router-link>
  </div>
</template>

<script>
export default {
    name:'Header'
}
</script>

<style scoped>
    .header{
        width: 100%;
        height: 15%;
        background-color: coral;
        display: flex;
        align-items: center;
    }
    .header a{
        font-size: 25px;
        margin-left: 20px;
    }
</style>